import { Text, View } from "@tarojs/components";
import UserItem from "@/components/app/UserItem";
import Card from "@/components/common/Card";
import ByCell from "@/components/ui/ByCell";
import ByRow from "@/components/ui/ByRow";
import ByPopupBottom, {
  ByPopupBottomEvent,
} from "@/components/ui/ByPopupBottom";

export default ({ onCancel }: ByPopupBottomEvent) => {
  return (
    <>
      <ByPopupBottom title="罚款记录" onCancel={onCancel}>
        <Card className="mb-4">
          <View className="text-lg">供应商罚款</View>
          <ByCell size="small">深圳市创意公司</ByCell>
          <ByCell size="small">罚款金额：¥3,000</ByCell>
          <ByCell size="small">罚款原因：材料有问题</ByCell>
          <ByRow content="between">
            <UserItem name="张三" />
            <Text className="text-sm text-third">2025-05-19 23:59</Text>
          </ByRow>
        </Card>
      </ByPopupBottom>
    </>
  );
};
